<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>订单确认</title>
    <script src="../../../resources/wxappjs/mui.min.js"></script>
    <link href="../../../resources/wxappcss/mui.min.css" rel="stylesheet"/>
    <link href="../../../resources/wxappcss/appcommon.css" rel="stylesheet"/>
    <link href="../../../resources/wxappcss/reset.css" rel="stylesheet"/>
     <link href="../../../resources/wxappcss/new_fileBYLL.css" rel="stylesheet"/>   
    <script type="text/javascript" charset="utf-8">
      	  mui.init();
    </script>
</head>
<body>
	<header class="mui-bar mui-bar-nav jifen-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">订单确认</h1>
	</header>
	<div class="mui-content">
        <!--选择加油卡-->
        <div class=" jifen-row">
			<ul id="list" class="mui-table-view mui-table-view-chevron">
				<li class="mui-table-view-cell mui-media" style="padding-right: 0.4rem;">
					<a class="#">
						<img class="puduct-img mui-pull-left" data-lazyload-id="0" src="../../../resources/wxappimg/hu.png">
						<div class="mui-media-body tc-balck">
							<p class="mui-ellipsis tc-balck">订单编号：0101000202020<span class="tc-orange mui-pull-right">1200积分</span></p>														
							000000000000<span class="span-btn tc-orange mui-pull-right">*1</span>
						</div>
					</a>
				</li>
			</ul>
        </div>	
		
        <div class=" jifen-row">
			<ul id="list" class="mui-table-view mui-table-view-chevron">
				<li class="mui-table-view-cell mui-media">
					<a class="mui-navigate-right" style="padding-right: 0.4rem;">
						<span class="mui-pull-left adress-img">
							<img data-lazyload-id="0" src="../../../resources/wxappimg/dingwei-icon.png">							
						</span>
						<div class="mui-media-body" style="margin-left: 0.2rem;">
							<p class="mui-ellipsis tc-balck">收货人:张哲 <span class="mui-pull-right">1309293928e8e</span></p>
							<p class="mui-ellipsis tc-balck">收货地址：石家庄市中山路138号</p>
						</div>
					</a>
				</li>
			</ul>
        </div>	
				
		
        <!--选择加油卡-->
        <div class="jifen-row">
        	<div class="module-title">
		        <div class="picture-title tc-balck">选择加油卡</div>
	        </div>
			<ul id="list" class="mui-table-view mui-table-view-chevron">
				<li class="mui-table-view-cell mui-media mui-radio">
					<a class="">
						<img class="mui-media-object mui-pull-left" data-lazyload-id="0" src="../../../resources/wxappimg/logo.png">
						<div class="mui-media-body tc-gray">
							<span class="span-btn btn-bg-gray tc-white">个人卡</span>000000000000
							<p class="mui-ellipsis tc-gray"><img class="img-pig" src="../../../resources/wxappimg/jifen.png">积分：<span class="tc-orange">679</span>分</p>
							<input style="top:18px;" name="radio1" type="radio" checked="checked">	
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media mui-radio">
					<a class="">
						<img class="mui-media-object mui-pull-left" data-lazyload-id="0" src="../../../resources/wxappimg/logo.png">
						<div class="mui-media-body tc-gray">
							<span class="span-btn btn-bg-gray tc-white">个人卡</span>000000000000
							<p class="mui-ellipsis tc-gray"><img class="img-pig" src="../../../resources/wxappimg/jifen.png">积分：<span class="tc-orange">679</span>分</p>
							<input style="top:18px;" name="radio1" type="radio">	
						</div>
					</a>
				</li>				
				
				
				
	        </ul>	

	    </div>
	    
        <div class=" mui-row">
			<ul id="#" class="shopping">
				<li class="mui-pull-left mui-col-xs-8 mui-col-sm-8 mui-text-center">
						积分总计<span class="tc-orange">1200积分</span>
				</li>
				<li class="mui-pull-left mui-col-xs-4 mui-col-sm-4 tc-white bg-orange mui-text-center">
					订单确认
				</li>
				
				
			</ul>
        </div>		    
	    
	    
	    
	    
	    
	    
	    
	</div>	
</body>
</html>